@charset "utf-8";
/* CSS Document */
/* *{touch-action: none;}  */
/*公共*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video ,input{
	margin: 0;
	padding: 0;
	border: 0;
	font-family: '微软雅黑';
	/*font-family: '黑体';*/
	vertical-align: middle;
}
html,body {
	height: 100%;
	color: #333;
}
body{
	background-color: #ffffff;
}
input,button{
	outline: none;
}
.container{
	width: 100%;
	height: 100%;
	min-height: 100%;
	overflow-x: hidden;
    position: relative;
}
.container.h{
	height: 100%;
}
.container:before, .container:after{
    display: table;
    content: ' ';
}
.container:after{
    clear: both;
}
.container.top{
	padding-top:1.1rem;
}
.container.bot{
	padding-bottom:1.6rem;
}
.flexrow{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.flexcolumn{
	display: flex;
	flex-direction: column;
}
.center{
	justify-content: center;
}
.between{
	justify-content: space-between;
}
.around{
	justify-content: space-around;
}
.align{
	align-items: center;
}
/* 加载框样式 */
.mui-show-loading {
      position: fixed;
      padding: 5px;
      width: 120px;
      min-height: 120px;
      top: 45%;
      left: 50%;
      margin-left: -60px;
     background: rgba(0, 0, 0, 0.6);
     text-align: center;
     border-radius: 5px;
     color: #FFFFFF;
     visibility: hidden;
     margin: 0;
     z-index: 2000;
 
     -webkit-transition-duration: .2s;
     transition-duration: .2s;
     opacity: 0;
     -webkit-transform: scale(0.9) translate(-50%, -50%);
     transform: scale(0.9) translate(-50%, -50%);
     -webkit-transform-origin: 0 0;
     transform-origin: 0 0;
 }
 .mui-show-loading.loading-visible {
     opacity: 1;
     visibility: visible;
     -webkit-transform: scale(1) translate(-50%, -50%);
     transform: scale(1) translate(-50%, -50%);
 }
 .mui-show-loading .mui-spinner{
     margin-top: 24px;
     width: 36px;
     height: 36px;
 }
 .mui-show-loading .text {
     line-height: 1.6;
     font-family: -apple-system-font,"Helvetica Neue",sans-serif;
     font-size: 14px;
     margin: 10px 0 0;
     color: #fff;
 }
 
 .mui-show-loading-mask {
   position: fixed;
   z-index: 1000;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
 }
 .mui-show-loading-mask-hidden{
     display: none !important;
 }